<script setup lang="ts">
import { ClassStore } from "@/stores/BackData/ClassManage/class";

const store = ClassStore();
</script>
<template>
  <div class="buttom">
    <div>
      <p>教学服务</p>
      <p class="con small">
        {{ store.oneClass[0].teachingServices }}
      </p>
      <hr />
    </div>

    <div>
      <p>师资力量</p>
      <p class="con">
        王老师拥有博士学位，并曾在国内外知名大学深造，具有丰富的教育背景和深厚的学术素养。他在所教授的学科领域有着深厚的学术造诣，曾多次参与国家级和省级教育科研项目，并取得了一系列显著的研究成果。
      </p>
      <p class="con">
        王老师拥有博士学位，并曾在国内外知名大学深造，具有丰富的教育背景和深厚的学术素养。他在所教授的学科领域有着深厚的学术造诣，曾多次参与国家级和省级教育科研项目，并取得了一系列显著的研究成果。
      </p>
      <p class="con">
        王老师拥有博士学位，并曾在国内外知名大学深造，具有丰富的教育背景和深厚的学术素养。他在所教授的学科领域有着深厚的学术造诣，曾多次参与国家级和省级教育科研项目，并取得了一系列显著的研究成果。
      </p>
      <p class="con">
        王老师拥有博士学位，并曾在国内外知名大学深造，具有丰富的教育背景和深厚的学术素养。他在所教授的学科领域有着深厚的学术造诣，曾多次参与国家级和省级教育科研项目，并取得了一系列显著的研究成果。
      </p>
    </div>
  </div>
</template>
<style scoped>
.buttom {
  width: 80%;
  background-color: white;
  height: 100vh;
  margin: 10px auto;
  padding: 30px;
}
hr {
  margin: 10px 0;
  font-weight: 3px;
}
p {
  margin-top: 10px;
}
.con {
  text-indent: 2em;
}
.small {
  font-size: 12px;
}
</style>
